<template>
	<view class="user-space-userinfo">
		<view class="user-space-userinfo-item">
			<view class="user-space-userinfo-item-first">账号信息</view>
			<view>糗龄: {{getRegAge}}</view>
			<view>糗百ID: {{userinfo.id}}</view>
		</view>
		<view class="user-space-userinfo-item">
			<view class="user-space-userinfo-item-first">个人信息</view>
			<view>星座: {{getHoroscope}}</view>
			<view>职业: {{userinfo.job}}</view>
			<view>故乡: {{userinfo.path}}</view>
			<view>情感: {{userinfo.qg}}</view>
		</view>
	</view>
</template>

<script>
	import t from '../../common/time.js';
	export default {
		props:{
			userinfo:Object
		},
		computed:{
			getRegAge(){
				return t.gettime.sumAge(this.userinfo.regtime);
			},
			getHoroscope(){
				return t.gettime.getHoroscope(this.userinfo.birthday);
			}
		},
	}
</script>

<style scoped>
	.user-space-userinfo {
		padding: 0 30upx;
	}
	
	.user-space-userinfo-item{
		padding: 20upx 0;
		border-bottom: 1upx solid #FFFFFF;
		color: #AAAAAA;
	}
	
	.user-space-userinfo-item-first{
		color: #333333;
		font-size: 35upx;
		padding: 15upx 0;
	}
</style>
